<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>选择座位</title>

<link rel="stylesheet" href="css/icomoon.css" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/index.css" />
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/icomoon.js"></script>


<script>

$(document).ready(function () {
	
});
</script>

</head>
<body>

	<div class="navbar navbar-inverse navbar-static-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">VeryEdu 影片订票系统</a>
        </div>
        <div class="navbar-collapse collapse">
          
        </div><!--/.navbar-collapse -->
      </div>
    </div>



    <div class="container">
    
		<div class="container">
			
			<div class="row row-offcanvas row-offcanvas-left">
            	<div class="col-xs-6 col-sm-3 sidebar-offcanvas">
                            
                    <ul class="nav nav-pills nav-stacked">
	                  <li><a href="#"><span class="icon-camera"></span><span class="mls"> 浏览影片</span></a></li>
	                  <li class="active"><a href="#"><span class="icon-bell"></span><span class="mls"> 浏览场次</span></a></li>
	                  <li><a href="#"><span class="icon-users"></span><span class="mls"> 选择座位</span></a></li>                  
	                  <li><a href="#"><span class="icon-coin"></span><span class="mls"> 支付订单</span></a></li>                
	                  <li><a href="#"><span class="icon-numbered-list"></span><span class="mls"> 查看订单</span></a></li>
	                </ul>
                
                </div>
            	<div class="col-xs-12 col-sm-9">
                	<div class="row row-offcanvas row-offcanvas-left">
                    	<div class="col-xs-6 col-sm-5 sidebar-offcanvas">
                            <div class="thumbnail">
                              <img src="images/fengbao.jpg" class="img-responsive" width="100%">
                              <div class="caption">
                                <h4 class="text-center">风暴</h4>
                              </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-7">
                        
                        	<table class="table table-hover">
                            	<th>日期</th>
                            	<th>时间</th>
                            	<th>大厅</th>
                            	<th>操作</th>
                            	<tbody>
                                <tr>
                                	<td rowspan="3">2013-12-28</td>
                                	<td>19:00</td>
                                	<td>1号大厅</td>
                                	<td><a href="selectSeat.html" class="btn btn-primary" role="button">订票</a></td>                                	
                                </tr>
                                <tr>
                                	<td>19:00</td>
                                	<td>1号大厅</td>
                                	<td><a href="selectSeat.html" class="btn btn-primary" role="button">订票</a></td>                               	
                                </tr>
                                <tr>
                                	<td>19:00</td>
                                	<td>1号大厅</td>
                                	<td><a href="selectSeat.html" class="btn btn-primary" role="button">订票</a></td>                               	
                                </tr>
                                <tr>
                                	<td rowspan="3">2013-12-28</td>
                                	<td>19:00</td>
                                	<td>1号大厅</td>
                                	<td><a href="selectSeat.html" class="btn btn-primary" role="button">订票</a></td>                                	
                                </tr>
                                <tr>
                                	<td>19:00</td>
                                	<td>1号大厅</td>
                                	<td><a href="selectSeat.html" class="btn btn-primary" role="button">订票</a></td>                                 	
                                </tr>
                                <tr>
                                	<td>19:00</td>
                                	<td>1号大厅</td>
                                	<td><a href="selectSeat.html" class="btn btn-primary" role="button">订票</a></td>                                 	
                                </tr>
                                <tr>
                                	<td rowspan="3">2013-12-28</td>
                                	<td>19:00</td>
                                	<td>1号大厅</td>
                                	<td><a href="selectSeat.html" class="btn btn-primary" role="button">订票</a></td>                                	
                                </tr>
                                <tr>
                                	<td>19:00</td>
                                	<td>1号大厅</td>
                                	<td><a href="selectSeat.html" class="btn btn-primary" role="button">订票</a></td>                                 	
                                </tr>
                                <tr>
                                	<td>19:00</td>
                                	<td>1号大厅</td>
                                	<td><a href="selectSeat.html" class="btn btn-primary" role="button">订票</a></td>                                 	
                                </tr>
                                <tr>
                                	<td rowspan="3">2013-12-28</td>
                                	<td>19:00</td>
                                	<td>1号大厅</td>
                                	<td><a href="selectSeat.html" class="btn btn-primary" role="button">订票</a></td>                                	
                                </tr>
                                <tr>
                                	<td>19:00</td>
                                	<td>1号大厅</td>
                                	<td><a href="selectSeat.html" class="btn btn-primary" role="button">订票</a></td>                                	
                                </tr>
                                <tr>
                                	<td>19:00</td>
                                	<td>1号大厅</td>
                                	<td><a href="selectSeat.html" class="btn btn-primary" role="button">订票</a></td>                                	
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>              
                </div>
            </div>
		</div>	
		
		
      <hr>
      <footer>
        <p>&copy; Company 2013</p>
      </footer>
    </div> <!-- /container -->


</body>
</html>
